<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>电视剧详情</title>
        <style type="text/css">
            *{
                margin: 0px;
                padding: 0px;
            }
            .all{
                width: 350px;
                margin-left: 50px;
                margin-top: 10px;
            }
            .n1{
                border: 1px solid #e0e0e8;
                line-height: 26px;
                height: 26px;
                padding-left: 40px;
                background: url(1.gif) no-repeat 15px center;
                
            }
            .n2{
                padding: 10px;
                margin-top: 5px;
            }
            
            p{
                color: #666666;
                font-size: 12px;
            }
            .first{
                margin-top: 16px;
                padding: 2px;
                box-sizing: border-box;
                border: 1px solid #e0e0e8;
                float: left;
                width: 120px;
            }
            .second{
                margin-top: 16px;
                
/*                border: 1px solid #e0e0e8;*/
                float: left;
                width: 220px;
            }
            .second p{
                line-height: 26px;
                padding-left: 10px;
                margin: 0px auto;
            }
            .clearfix:after{
				display:table;
				content:"";
				clear:both;
			}
            ul{
                list-style-type: none;
                line-height: 26px;
                height: 26px;
                color: #666666;
                font-size: 12px;
                margin-top: 24px;
            }
            li a:link{
                color: #666666;
                text-decoration: none;
            }
            li a:hover{
                color: blue;
            }
            li .l1{
                float: left;
            }
            li .l2{
                float: right;
            }
            p a:link{
                color: #666666;
                text-decoration: none;
            }
            p a:hover{
                color: blue;
                
            }
        </style>
    </head>
    <body>
        <div class="all">
            
                <h6 class="n1">明星荐片</h6>
            <div class="h1 clearfix">
            <div class="first">
                <img src="3.gif" />
            </div>
            <div class="second">
                <h6 class="n2">周秀娜荐片:让子弹飞</h6>
                <p>导演：姜文</p>

                <p>   主演：姜文 周润发 葛优</p>

                 <p>  点评：我最喜欢的要算《让子弹飞》了,超喜欢...<a href="#">[详情]</a></p>
            </div>
            </div>
            <ul>
                <li><a href="#" class="l1">《巴别塔》：好的故事引人深思</a><a href="#" class="l2">阿朵</a></li>
                <li><a href="#" class="l1">《洛杉矶之战》：外星人那么弱智？</a><a href="#" class="l2">丁子俊</a></li>
                <li><a href="#" class="l1">《让子弹飞》：武侠里也可以有爱情</a><a href="#" class="l2">周秀娜</a></li>
                <li><a href="#" class="l1">《剑雨》：好的故事引人深思</a><a href="#" class="l2">叶年生</a></li>
                <li><a href="#" class="l1">《春风沉醉的夜晚》：非常真实</a><a href="#" class="l2">如小果</a></li>
                <li><a href="#" class="l1">《克洛伊》：故事简单却细致</a><a href="#" class="l2">刘若英</a></li>
            </ul>
        </div>
    </body>
</html>